<body>

    <ul>

        <li>00</li>
        <li>01</li>
        <li>02</li>
        <li>03</li>
        <li>04</li>
        <li>05</li>
        <li>06</li>
        <li>07</li>
        <li>08</li>
        <li>09</li>
        <li>10</li>
    </ul>
    <script>
        var allLis = document.querySelectorAll('ul li')
        for(var i = 0,ilen = allLis.length; i < ilen; i++){
            allLis[i].addEventListener('click',function(){
                console.log(i)
            },false)//事件冒泡
        }
    </script>
</body>